﻿<%@ Page Language="VB" AutoEventWireup="false" CodeFile="WebControlContactJQueryValidation.aspx.vb"
    Inherits="WebControlContactJQueryValidation" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Web Control JQuery Contact Form with Validation</title>

    <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
    <script src="js/jquery.form.js" type="text/javascript"></script>
    <script src="js/jquery.validate.pack.js" type="text/javascript"></script>
    <script src="js/additional-methods.js" type="text/javascript"></script>
    <script src="js/jquery.maskedinput-1.2.2.min.js" type="text/javascript"></script>
    <script src="js/JQueryContact.js" type="text/javascript"></script>

    <link href="ContactFormTester.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server">
    <table cellspacing="0" cellpadding="0" width="100%" align="center" border="0" style="font-size: x-small;">
        <tr>
            <td width="110" align="left">
                First Name
            </td>
            <td rowspan="9" width="5">
            </td>
            <td align="left">
                <asp:TextBox ID="FirstName" runat="server" size="25" CssClass="required"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td align="left">
                Last Name
            </td>
            <td align="left">
                <asp:TextBox ID="LastName" runat="server" size="25" CssClass="required"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td align="left">
                Address
            </td>
            <td align="left">
                <asp:TextBox ID="Addr1" runat="server" size="25"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td align="left">
                Address 2
            </td>
            <td align="left">
                <asp:TextBox ID="Addr2" runat="server" size="25"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td align="left">
                City
            </td>
            <td align="left">
                <asp:TextBox ID="City" runat="server" size="25"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td align="left">
                State
            </td>
            <td align="left">
                <asp:TextBox ID="txtState" runat="server" size="25"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td align="left">
                Zip
            </td>
            <td align="left">
                <asp:TextBox ID="txtZip" runat="server" Width="75px" CssClass="ZipCodeMask"/>
            </td>
        </tr>
        <tr>
            <td align="left">
                Phone
            </td>
            <td align="left">
                <asp:TextBox ID="txtPhone" runat="server"  CssClass="phone PhoneMask"/>
            </td>
        </tr>
        <tr>
            <td align="left">
                E-Mail
            </td>
            <td align="left">
                <asp:TextBox ID="EMail" runat="server" size="25" CssClass="required email"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td align="left">
                Comment or Question:
            </td>
            <td>
            </td>
            <td align="left">
                <asp:TextBox ID="Comment" runat="server" TextMode="MultiLine" CssClass="required" Columns="40" Rows="6"></asp:TextBox>
            </td>
        </tr>
    </table>
    <p align="center">
        <asp:Button ID="btnSubmit" runat="server" Text="Submit" /><br>
        &nbsp;</p>
    </form>
</body>
</html>
